<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

    <title>退款管理</title>

    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">

    <link href="__PUBLIC__/css/personal.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__/css/orstyle.css" rel="stylesheet" type="text/css">

    <script src="__PUBLIC__/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
    <script src="__PUBLIC__/AmazeUI-2.4.2/assets/js/amazeui.js"></script>

</head>
<style>
    body {
        font-family: "Microsoft Yahei", 微软雅黑, arial, "Lantinghei SC";
        background: #EFEFEF;
    }

    .am-nav-tabs > ul {
        border-bottom: 1px solid #DADADA;
    }

    .am-nav-tabs > li > a {
        font-size: 14px;
        padding: 0.4em 0.2em;
    }

    .am-tabs-nav li {
        height: 40px;
        line-height: 40px;
    }

    .am-nav-tabs > li {
        border-bottom: 1px solid #DADADA;
    }

    .am-nav-tabs.am-nav-justify > li > a {
        border-bottom: none;
    }

    .am-tabs-bd .am-tab-panel {
        padding: 0 10px 0px;
        margin-bottom: 15px;
    }

    .order-title .am-u-sm-12 {
        padding: 6px 6px;
        border-bottom: 1px solid #F2F2F2;
    }

    .order-title .am-u-sm-12 span {
        font-size: 18px;
        color: #000;
        vertical-align: middle;
        display: inline-block;
        line-height: 25px;
        margin-left: 8px;
    }

    .goods-box {
        margin-bottom: 10px;
    }

    .goods-box .goods-head {
        border-bottom: 1px solid #F3F3F3;
        padding: 15px 20px 10px;
        font-size: 13px;
    }

    .goods-box .good-content {
        padding: 10px 5px 0px 0;
        border-bottom: 1px solid #D8D8D8;
    }

    .goods-box .good-content .title {
        position: absolute;
        top: 3px;
        color: #2C2D2F;
        font-size: 11px;
        height: 55px;
        line-height: 18px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        letter-spacing: 0;
        vertical-align: middle;
    }

    .goods-box .good-content .map {
        color: #787878;
        font-size: 9px;
        position: absolute;
        top: 66px;
        left: 117px;
    }

    .goods-box .good-price {
        margin-bottom: 10px;
    }

    .goods-box .good-price .money {
        text-overflow: ellipsis;
        display: block;
        line-height: 30px;
    }

    .goods-box .good-price .num {
        margin-left: 3px;
        color: #898989;
    }

    .goods-box .good-totol {
        margin-bottom: 15px;
    }

    .goods-box .good-totol span {
        display: block;
        font-size: 13px;
    }

    </style>

<body>

<div class="center">
    <div class="col-main">
        <div class="main-wrap">
            <div class="user-order">
                <!--标题 -->
                <div class="am-cf am-padding">
                    <!--<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">退款管理</strong> /-->
                        <!--&lt;!&ndash;<small>Change</small>&ndash;&gt;-->
                    <!--</div>-->
                </div>
                <hr/>
                <div class="am-tabs am-tabs-d2 am-margin" data-am-tabs>

                    <ul class="am-avg-sm-2 am-tabs-nav am-nav am-nav-tabs">
                        <li class="am-active"><a href="#tab1">受理中</a></li>
                        <li><a href="#tab2">已完成</a></li>
                    </ul>
                    <!--<div class="am-g ">-->
                    <div class="am-tabs-bd">
                        <div class="am-tab-panel am-fade am-in am-active" id="tab1">
                            <volist name="noFinish" id="refund">
                                    <include file="Public/refund_list" />
                            </volist>
                        </div>
                        <div class="am-tab-panel am-fade" id="tab2">
                            <volist name="finish" id="refund">
                                <include file="Public/refund_list" />
                            </volist>
                    </div>

                </div>
                        <!--</div>-->
            </div>

        </div>
        <!--底部-->

    </div>


</div>

</body>

</html>
